<template>
  <div class="logo" v-if="setting.logIsHidde">
    <img
        :src="setting.logo"
        alt=""

        style="border-radius: 50%"
    />
    <p style="margin-left: 20px">{{ setting.title }}</p>
  </div>
</template>

<script setup lang="ts">
import setting from '@/setting'
</script>

<style scoped lang="scss">
.logo {
  display: flex;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 15px;
  font-size: 19px;
  color: white;

  img {
    margin-right: 10px;
  }
}
</style>
